<!-- APP -->

<template>
  <div id="app">
    <router-view />

    <Socket />

    <WindowAdd />

    <WindowDetail />
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import App from '@demo/App'

// ============================== 导出组件 ============================== //

export default CORE.extend(App, {
  /**
   * 异步组件
   */
  components: {
    Socket: () => import(/* webpackChunkName: "Common" */ '@admin/Socket'),
    WindowAdd: () => import(/* webpackChunkName: "Window" */ '@admin/WindowAdd'),
    WindowDetail: () => import(/* webpackChunkName: "Window" */ '@admin/WindowDetail'),
  },
})
</script>
